/**
 * listview
 */
.list {
  .active,
  .active:hover,
  .active:focus {
    z-index: 2;
    color: #fff;
    background-color: @listActiveBg !important;
    border-color: @listActiveBg;
  }
  .active-success,
  .active-success:hover,
  .active-success:focus{
    background-color: @listActiveSuccessBg !important;
    border-color: @listActiveSuccessBg;
  }
  .active-info,
  .active-info:hover,
  .active-info:focus{
    background-color: @listActiveInfoBg !important;
    border-color: @listActiveInfoBg;
  }
  .active-warn,
  .active-warn:hover,
  .active-warn:focus{
    background-color: @listActiveWarnBg !important;
    border-color: @listActiveWarnBg;
  }
  .active-error,
  .active-error:hover,
  .active-error:focus{
    background-color: @listActiveErrorBg !important;
    border-color: @listActiveErrorBg;
  }
}

.list-item {
  .clearfix();
  position: relative;
  display: block;
  padding: @listPadding;

  margin-bottom: -1px;
  background-color: @bgColor;
  border: 1px solid @borderColor;

  a&{
    _zoom: 0;
  }

  &:last-child {
    margin-bottom: 0;
  }

  // Linked list items
  a& {
    color: @bodyTextColor;

    // Hover state
    &:hover {
      text-decoration: none;
      background-color: @tableBackgroundHover;
    }

    &:active,
    &:focus {
      outline: 0;
      background-color: darken(@tableBackgroundHover, 5%);
    }
  }
}

.list-item-cap {
  overflow: hidden;
  display: block;
  margin-right: @componentPadding * 3;
  float: left;
  background: #f8f8f8;
  border: 1px solid @borderInverseColor;
}

.list-item-body {
  overflow: hidden;
}

.list-item-title {
  margin-bottom: .5em;
  font-weight: bold;
  font-size: @uiTitleSize;

  .aside {
    font-weight:500;
    font-size: @baseFontSize * .9;
  }
}
.list-item-content {
  line-height: 1.3;
}

.list-striped {
  .odd {
    background-color: @tableBackgroundStriped;
  }
}
.list-nob .list-item, .list-divide .list-item {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-nob {
  padding: 0;
  .list-item {
    border: none;
  }
}

.list-divide {
  .list-item {
    border-width: 0 0 1px 0;
  }
  .last {
    border: none;
  }
}